.dialog-form {
  padding: 15px 30px 15px 15px;

  .el-date-editor.el-input {
    width: 100%;
  }
}

.el-message-box {
  .el-message-box__container {
    padding: 15px;
    align-items: flex-start;
  }
}

.el-dialog {
  .dialog-form-tips {
    font-size: 12px;
    color: #f56c6c;
    text-align: right;
    display: inline-block;
    margin-right: 15px;
  }
}

.page-container {
  background: var(--el-bg-color);
  padding: 15px;
  min-height: calc(100vh - 100px);
}

.page-container-head {
  padding: 0 0 20px;
}

.el-pagination {
  flex-wrap: wrap;
  line-height: 40px;
  padding: 10px 0;

  .el-pagination__rightwrapper {
    justify-content: flex-start;
  }
}

@media screen and (max-width: 520px) {
  #app .main-content {
    margin: 0;
    min-height: calc(100vh - 48px);
  }
}

